<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="model.*" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	<link rel="Stylesheet" href="css/bootstrap-responsive.min.css" />
	<link rel="stylesheet" href="css/questudy.css" />
	
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<title>Show member Info</title>
</head>
<%
	ArrayList<Language> langList = (ArrayList<Language>)request.getAttribute("langList");
	User user = (User)request.getAttribute("user");
%>
<body>
	<jsp:include page="nav/nav_main.jsp"></jsp:include>
	<div class="container firstDiv">
		<div class="col-md-6 col-md-offset-3">
			<div class="input-group">
				<span class="input-group-addon">ID</span>
				<input type="text" id="userId" name="memid" class="form-control" placeholder="ID" onchange="changeIdDupState()" value=<%= user.getMemid() %>>
			</div>
			<div class="input-group">
				<span class="input-group-addon">이름</span>
				<input type="text" id="userName" name="name" class="form-control" placeholder="이름" value=<%= user.getName() %>>
			</div>
			<div class="input-group">
				<span class="input-group-addon">E-mail</span>
				<input type="text" id="email" name="email" class="form-control" placeholder="E-mail" value=<%= user.getEmail()%>>
			</div>
			<div class="input-group">
				<span class="input-group-addon">학교</span>
				<input type="text" id="univ" name="univ" class="form-control" placeholder="학교" value=<%= user.getUniv() %>>
			</div>
			<div class="input-group">
				<div class="input-group-btn">
					<button type="button" id="lang1" name="lang1" class="btn btn-default dropdown-toggle" data-toggle="dropdown">어학성적<span class="caret"></span></button>
						<ul class="dropdown-menu">
							<% for(Language lang : langList) {%>
								<li><a href="#"><%= lang.getLangName() %></a>
							<%} %>
						</ul>
				</div><!-- /btn-group -->
				<input type="text" id="langGrade1" name="langGrade1" class="form-control" placeholder="어학성적">
			</div>
			<div class="input-group">
				<div class="input-group-btn">
					<button type="button" id="lang2" name="lang2" class="btn btn-default dropdown-toggle" data-toggle="dropdown">어학성적<span class="caret"></span></button>
						<ul class="dropdown-menu">
							<% for(Language lang : langList) {%>
								<li><a href="#"><%= lang.getLangName() %></a>
							<%} %>
						</ul>
				</div><!-- /btn-group -->
				<input type="text" id="langGrade2" name="langGrade2" class="form-control" placeholder="어학성적">
			</div>
			<div class="input-group">
				<div class="input-group-btn">
					<button type="button" id="lang3" name="lang3" class="btn btn-default dropdown-toggle" data-toggle="dropdown">어학성적<span class="caret"></span></button>
						<ul class="dropdown-menu">
							<% for(Language lang : langList) {%>
								<li><a href="#" onclick="selectLang(this, '<%=lang.getLangid()%>')"><%= lang.getLangName() %></a>
							<%} %>
						</ul>
				</div><!-- /btn-group -->
				<input type="text" id="langGrade3" name="langGrade3" class="form-control" placeholder="어학성적">
			</div>
			<p class="text-center">
				<button type="button" class="btn btn-default btn-lg" onclick="moveModifyPage()">수정하기</button><br>
			</p>
			<p id="message" class="text-center">
			</p>
		</div>
	</div>
</body>
</html>